﻿<%@ Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server" />
    <asp:Panel ID="DroppablePanel" runat="server" Height="200px" Width="200px">
        <div class="ui-state-active ui-corner-top" style="padding: 5px; height: 20px;">
            Drag me around</div>
        <div style="padding: 10px; height: auto;" class="ui-widget-content ui-corner-bottom">
            I am the Panel Control enabled Draggable</div>
    </asp:Panel>
    <div id="DroppableDiv" style="height: 200px; width: 200px; position: absolute; float: left;
        left: 230px; top: 170px;">
        <div class="ui-state-active ui-corner-top" style="padding: 5px; height: 20px;">
            Drag me around</div>
        <div style="padding: 10px;" class="ui-widget-content ui-corner-bottom">
            I am the Div Html Element enabled Draggable</div>
    </div>
    <DotNetAge:Draggable ID="Draggable1" runat="server">
        <Target TargetIDs="DroppablePanel,DroppableDiv" />
    </DotNetAge:Draggable>
    </form>
</body>
</html>
